<extend name="_Layout/main"/>

<block name="style">
    <style>
	body {
		background-image: url(Application/Home/View/Music/_Resource/pimg/2.jpg);
		background-position: center;
		background-repeat: no-repeat;
		background-attachment: fixed;
	}
	.login_a {
		width: 310px;
		height: 95px;
		background-color: #FFF;
		margin: 0 auto;
		border-radius: 5px;
		text-align: center;
		margin-top: 30%;
	}
	.login_a input[type="text"] {
		width: 90%;
		color: #9199aa;
		font-size: 18px;
		outline: none;
		border: none;
		font-weight: 100;
		border-bottom: 1px solid #40D0AD;
		margin-top: 0.9em;
		padding-bottom: 0.4em;
	}
	.login_a input[type="password"] {
		width: 90%;
		color: #9199aa;
		font-size: 18px;
		outline: none;
		border: none;
		font-weight: 100;
		margin-bottom: 1.5em;
		padding-top: 0.5em;
	}
	.btn-primary {
		border-radius: 5px;
		height: 50px;
		font-size:1.2em;
		letter-spacing: 0.2em;
	}
	.container {
		height: 700px;
	}
	@media (max-width: 320px) {
		input[type="text"] {
			width: 100%;
			padding: 0;
			font-size: 17px;
			margin-top: .5em;
		}
		input[type="password"] {
			width: 100%;
			padding: 0;
			font-size: 17px;
			margin-top: .5em;
			margin-bottom: 2em;
		}
		.container {
			height: 518px;
		}
		.login_a {
			width:290px;
			margin-top: 120%;
		}
	}
	</style>
</block>

<block name="wrap">
    <div id="particles-js" class="background"></div>

    <div class="container">
                <form class="login-form" action="{:U('')}" autocomplete="off" method="post">
                	<div class="login_a">
                        <input type="text" placeholder="邮箱/手机号/用户名" name="username">
						<input type="password" placeholder="请输入密码" name="password">
                    <div>
                    <div class="form-group">
                        <button type="submit" class="btn btn-primary btn-block submit ajax-post" target-form="login-form">立即登录</button>
                    </div>
                    {:hook('SyncLogin')} <!-- 第三方登陆钩子 -->
                </form>

    </div>

    <div class="bottom navbar-fixed-bottom text-center">
        
        <span>Copyright <a href="/" >{:C('WEB_SITE_COPYRIGHT')}</a> All rights reserved.</span>
        <script type="text/javascript" src="__PUBLIC__/libs/particles/particles.min.js"></script>
    </div>
</block>
